*{margin: 0;padding: 0;}
li{list-style: none;}
body{overflow: hidden;}
h5{margin: 10px 0;}

.tabZone{width: 100%;margin: 0;padding: 0;}
.bgImg img{display: block;margin: 0 auto;}
.nav-tabs{text-align: center;padding-left: 35%;}


.nav-tabs>li>a{color: #737373;}
.nav-tabs>li>a:focus{border: none;background: none;}
.nav-tabs>li>a:hover{background: none;}

.container{margin: 0 auto;}
.list-group{padding-right: 20px;margin-bottom: 20px;}
.list-group-item{border-left-color: transparent;border-right-color: transparent;border-bottom-color:transparent;}
.list-group-item:nth-child(1){border-top-color: transparent;}
.list-group-item .imgZone{margin-top: 10px;margin-bottom: 10px;}
.list-group-item h3{font-weight: normal;clear: both;}
.list-group-item h3 strong{font-weight: normal;float: left;height: 49px;vertical-align: top;}
.list-group-item h3 strong:nth-child(2){line-height: 49px;float: right;}
.list-group-item h3 strong a{display: block;padding: 5px;}
.list-group-item h3 strong i{font-style: normal;display: block;padding: 5px;font-size: 1.2rem;color: #737373;}
.list-group-item h3 strong i span{color: #428bca;margin-right: 20px;}
.list-group-item h3 strong em{font-style: normal;}
.list-group-item h3 strong em img{cursor: pointer;;}
.list-group-item p.timeProgress{clear: both;padding: 5px 5px 0 5px;font-size: 1.2rem;}

.join{border: 1px solid #e5e5e5;background: #f4f4f4;padding: 10px;margin-top: 10px;}
.join .btn{width:70px;height:30px;text-align:center;line-height:30px;border:none;color: #fff;font-weight: bolder;}

.sort{margin-bottom: 20px;clear: both;}
.sort::after{clear: both;display: block;content: "";height: auto;}
.sort h5{border-bottom: 1px solid #eee;padding: 5px;margin: 10px 0;}
.sort .kinds{clear: both;}
.sort .kinds a{text-align:center;margin-bottom: 11px;border: 1px solid #e5e5e5;background: #f4f4f4;color: #000;}

.sort .trainClass p{padding: 5px;clear: both;font-size: 1.2rem;line-height: 30px;}
.sort .trainClass p span{float: left;}
.sort .trainClass p a{float: right;}

.attention p{padding:5px;color: #f60;font-size: 1.5rem;}
.attention img{display: block;width:95%;margin: 0 auto;}

/*.pagination>li>a, .pagination>li>span{border: none;}
.pagination>li:first-child>a,.pagination>li:last-child>a{border: 1px solid #e5e5e5;background: #f4f4f4;border-radius: 0;}
.pagination>li:nth-child(2)>a{border-left: 1px solid #e5e5e5;}*/



.words img{width: 91px;margin:10px auto 0 auto;display: block;}
.title{color: #074ea6;margin-right: 10px;}
.time{font-style: normal;color: #666;}
.miss{background: url("../img/load/jiuwen_02.png");font-size: 1.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.dataLeft{text-align: left;padding: 10px 0;}
.dataRight{text-align: right;padding: 10px 0;}
.dataRight span{color:#428bca; }
.dataRight em{font-style: normal;color: #666;}



@media screen  and (min-width:768px){
    .list-group-item h3{font-size: 1.5rem;margin-top: 10px;}
    .list-group-item h3 strong em{font-size: 1.4rem;margin-right: 10px;}
    .list-group-item h3 strong em img{width: 17px;margin-right: 5px;}
    .sort .kinds a{width:30%;line-height:35px;margin-right: 40%;float:left;}
    .sort .kinds a:nth-of-type(2n){margin-right: 0;}
    .pagination{width:50%;margin-left: 25%;}
    .commonAtten{display: none;}

    .miss{width: 862px;height: 65px;text-indent: 3rem;line-height: 50px;}

    .loadTitle{font-size: 1.5rem;}
    .loadTitle img{width: 18px;}
    .dataRight span,.dataRight em{margin-left: 20px;}
}

@media screen and (max-width: 768px){
    .bgImg{width: 100%;}
    .bgImg img{width: 95%;}
    .list-group-item h3{font-size: 1.2rem;margin-top: 10px;}
    .list-group-item .col-xs-3,.list-group-item .col-xs-9{padding: 0;}
    .list-group-item .col-xs-3 img{display: block;width: 100%;margin:10px auto 0 auto;}
    .list-group-item h3 strong em{font-size: 1.2rem;margin-right: 5px;}
    .list-group-item h3 strong em img{width: 13px;margin-right: 5px;}

    .hideCommon{display: none;}

    .pagination{margin-left: 7%;}

    .commonAtten{padding: 10px;width: 100%;text-align: center;}
    .commonAtten::after{clear: both;display: block;content: "";height: auto;}
    .join{width: 40%;display: inline-block;vertical-align: top;margin-top: 0;text-align: left;}
    .sort{width: 58%;display: inline-block;vertical-align: top;}
    .sort .kinds{text-align: center;}
    .sort .kinds a{width:31%;line-height:35px;display: inline-block;}

    .title{font-size: 0.9rem;margin-left: 10px;}
    .time{font-size: 0.9rem;}
    .miss{width: 100%;height: 65px;font-size: 0.8rem;line-height: 150%;padding-left: 15px;padding-top: 5px;}



    .dataLeft,.dataRight{padding: 0;}
    .loadTitle{font-size: 0.9rem;}
    .loadTitle img{width: 13px;}
    .dataRight span,.dataRight em{font-size: 0.8rem;}
}
